﻿<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>活动页面</title>
	<style type="text/css">
		*{
		margin:0;
		padding:0;
		}
		html,
		body{
		height:100%;
		}
		.bg{
		position:absolute;
		z-index:-1;
		width:100%;
		height:100%;
		background:url("Page/bg1.png") no-repeat center center;
		background-size:100%;
		}
		.left01{
		position:absolute;
		width:144px;
		height:55px;
		cursor:pointer;
		left:103px;
		top:258px;
		margin:auto;
		background:url("Page/zhongjiang1.png") no-repeat center center;
		background-size:100%;
		}
		.left02{
		position:absolute;
		width:144px;
		height:55px;
		left:103px;
		top:336px;
		cursor:pointer;
		margin:auto;
		background:url("Page/huodong1.png") no-repeat center center;
		background-size:100%;
		}
		.first{
		position:absolute;
		width:398px;
		height:345px;
		right:0;
		top:0;
		margin:auto;
		background:url("Page/before1.png") no-repeat center center;
		background-size:100%;
		}
		.second{
		position:absolute;
		width:398px;
		height:357px;
		right:132px;
		bottom:20px;
		margin:auto;
		z-index:10;
		background:url("Page/before2.png") no-repeat center center;
		background-size:100%;
		}
		.third{
		position:absolute;
		width:398px;
		height:357px;
		right:500px;
		bottom:0;
		margin:auto;
		background:url("Page/before3.png") no-repeat center center;
		background-size:100%;
		}
		
		
	</style>
</head>
<body>
<div class="bg" id="back"></div>
<div class="left01" id="button1"  onclick="zhongjiang()">.</div>
<div class="left02" id="button2"  onclick="xiangqing()">.</div>
<div class="first" id="one" >.</div>
<div class="second" id="two" >.</div>
<div class="third" id="three" >.</div>
<script type="text/javascript">

		window.onload=function(){
			var a=abc.isZhiFu();
			console.log(a+"@@@");
		}
		var b=true;
		document.getElementById("three").addEventListener("click",function(){
		console.log("diaoyong");
			if(b){
				b=false;
				if(jscpay=="pay"){
				abc.toJianShenCao();
				}else{
				abc.funFromJsc();
				}
			}
		},false);

		document.getElementById("two").addEventListener("click",function(){
			if(b){
				b=false;
				if(wdpay=="pay"){
				abc.toWudao();
				}else{
				abc.funFromWd();
				}
			}
		},false);

		document.getElementById("one").addEventListener("click",function(){
			if(b){
				b=false;
				if(dogpay=="pay"){
				abc.toWangWangba();
				}else{
				abc.fromAndroidDog();
				}
			}
		},false);
		function getMessage(){
			var s=abc.FromAndroid();
			console.log(s+"@@!!");
		}
		var s=abc.FromAndroid();
		console.log(s+"##!!");
		var jscpay=abc.isZhiFu();
		var dogpay=abc.isZhiFuDog();
		var wdpay=abc.isZhiFuWd();
		console.log("jscpay:"+jscpay+"wdpay:"+wdpay+"dogpay:"+dogpay);
		var list=s.split(",");
		var arr=new Array();
		for(var i=0;i<list.length;i++){

			arr[i]=list[i];
		}

		var a="";
		for(var i=0;i<arr.length;i++){
			a+="<li>"+arr[i]+"</li>"+"<hr>";
		}
		console.log(a+"+++++")
		if(jscpay=="pay"||wdpay=="pay"){
			two.style.background="url(Page/paywdbefore.png) no-repeat center center";
			three.style.background="url(Page/payjscbefore.png) no-repeat center center";
		}else if(dogpay=="pay"){
			one.style.background="url(Page/paydogbefore.png) no-repeat center center";
		}



		document.getElementById("button1").onmouseover=handMouse1;
		document.getElementById("button1").onmouseout=handMouse1;
		function handMouse1(e){
			if(e.type=="mouseover"){
				e.target.style.background="url(Page/zhongjiang2.png) no-repeat center center";
			}else{
				e.target.style.background="url(Page/zhongjiang1.png) no-repeat center center";
			}
		}
		document.getElementById("button2").onmouseover=handMouse2;
		document.getElementById("button2").onmouseout=handMouse2;
		function handMouse2(e){
			if(e.type=="mouseover"){
				e.target.style.background="url(Page/huodong2.png) no-repeat center center";
			}else{
				e.target.style.background="url(Page/huodong1.png) no-repeat center center";
			}
		}
		document.getElementById("one").onmouseover=handMouse3;
		document.getElementById("one").onmouseout=handMouse3;
		function handMouse3(e){
		console.log(e.type+"##")
			if(e.type=="mouseover"){
				if(dogpay=="pay"){
					e.target.style.background="url(Page/paydog.png) no-repeat center center";
				}else{
					e.target.style.background="url(Page/after1.png) no-repeat center center";
				}
				}else{
				if(dogpay=="pay"){
					e.target.style.background="url(Page/paydogbefore.png) no-repeat center center";
				}else{
					e.target.style.background="url(Page/before1.png) no-repeat center center";
				}
				}
		}
		document.getElementById("two").onmouseover=handMouse6;
		document.getElementById("two").onmouseout=handMouse6;
		function handMouse6(e){
		console.log("mouse"+e.type);
			if(e.type=="mouseover"){
				if(wdpay=="pay"||jscpay=="pay"){
					e.target.style.background="url(Page/paywd.png) no-repeat center center";
				}else{
					e.target.style.background="url(Page/after2.png) no-repeat center center";
				}
				}else{
				if(wdpay=="pay"||jscpay=="pay"){
				e.target.style.background="url(Page/paywdbefore.png) no-repeat center center";
				}else{
				e.target.style.background="url(Page/before2.png) no-repeat center center";
				}
				}
		}
		document.getElementById("three").onmouseover=handMouse5;
		document.getElementById("three").onmouseout=handMouse5;
		function handMouse5(e){
		console.log(e.type+"@@")
			if(e.type=="mouseover"){
				if(jscpay=="pay"||wdpay=="pay"){
					e.target.style.background="url(Page/payjsc.png) no-repeat center center";
				}else{
					e.target.style.background="url(Page/after3.png) no-repeat center center";
				}
				}else{
					if(jscpay=="pay"||wdpay=="pay"){
						e.target.style.background="url(Page/payjscbefore.png) no-repeat center center";
					}else{
						e.target.style.background="url(Page/before3.png) no-repeat center center";
					}

				}
		}
		document.getElementById("return").onmouseover=handback;
		document.getElementById("return").onmouseout=handback;
		function handback(e){
			if(e.type=="mouseover"){
				e.target.style.background="url(Page/back2.png) no-repeat center center";
			}else{
				e.target.style.background="url(Page/back1.png) no-repeat center center";
			}
		}
		function zhongjiang(){
			console.log("zhongjiang");
			window.location.href="zhongjiang8205.html";
			}
			function xiangqing(){
			window.location.href="xiangqing8205.html";
			}
		</script>
</body>
</html>